<!DOCTYPE html>
<html lang="en" class="">
	<!-- BEGIN HEAD -->
	<head>
		<meta charset="utf-8"/>
		<title>Metronic | #1 Selling Ultimate Bootstrap Admin Dashboard Template</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width, initial-scale=1" name="viewport"/>
		<meta content="" name="Metronic Launcher"/>
		<meta content="" name="KeenThemes"/>

		<meta name="keywords" content="bootstrap admin, bootstrap angularjs theme, bootstrap material design, metronic admin theme, bootstrap admin theme, bootstrap admin panel, bootstrap admin themes, bootstrap dashboard, bootstrap dashboard template, bootstrap dashboard theme, admin dashboard, bootstrap admin dashboard, bootstrap admin theme, admin template, responsive admin template, responsive dashboard, responsive dashboard template, dashboard designs" />

		<meta name="description" content="Metronic - #1 Selling Premium Bootstrap Admin Theme of All Time. Build with Twitter Bootstrap, SASS, AngularJS, Material Design. Trusted By Tens of Thousands Users."/>
		<link rel="canonical" href="http://keenthemes.com/" />
		<meta property="og:locale" content="en_US" />
		<meta property="og:type" content="website" />
		<meta property="og:title" content="Premium Bootstrap Admin Themes" />
		<meta property="og:description" content="Metronic - #1 Selling Premium Bootstrap Admin Theme of All Time. Build with Twitter Bootstrap, SASS, AngularJS, Material Design. Trusted By Tens of Thousands Users." />
		<meta property="og:url" content="http://keenthemes.com/" />
		<meta property="og:site_name" content="Keenthemes" />
		<meta property="article:publisher" content="https://www.facebook.com/keenthemes" />
		<meta name="twitter:card" content="summary_large_image"/>
		<meta name="twitter:description" content="Metronic - #1 Selling Premium Bootstrap Admin Theme of All Time. Build with Twitter Bootstrap, SASS, AngularJS, Material Design. Trusted By Tens of Thousands Users."/>
		<meta name="twitter:title" content="Premium Bootstrap Admin Themes"/>
		<meta name="twitter:domain" content="Keenthemes"/>

		<!--End of Zopim Live Chat Script-->
		<!-- BEGIN GLOBAL MANDATORY STYLES -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:100,400,300,500,700' rel='stylesheet' type='text/css'>
		<!--<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>-->
		<link href="_start/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
		<link href="_start/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
		<!-- END GLOBAL MANDATORY STYLES -->
		<!-- BEGIN THEME STYLES -->
		<link href="_start/style.css" rel="stylesheet" type="text/css"/>
		<!-- END THEME STYLES -->
	</head>
	<!-- END HEAD -->
	<!-- BEGIN BODY -->
	<body quick-markup_injected="true">
		<!-- BEGIN TOPBAR -->
		<div class="topbar navbar-fixed-top">
			<a class="topbar-logo" target="_blank" href="http://www.keenthemes.com">
				<img src="_start/img/logo.png" alt="Logo">
			</a>

			<a class="topbar-purchase" data-hint="tooltip" data-original-title="Purchase a new license" data-placement="bottom" href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" target="_blank" role="button">Purchase</a>
	
			<a class="topbar-purchase" data-hint="tooltip" data-original-title="Theme Documentation" data-placement="bottom" href="_documentation/index.html" target="_blank" role="button">Documentation</a>

			<a class="topbar-purchase" data-hint="tooltip" data-original-title="Visit theme support forum" data-placement="bottom" href="http://keenthemes.com/forums/forum/support/metronic/" target="_blank" role="button">Support</a>

			<a class="topbar-purchase" data-hint="tooltip" data-original-title="Paid Theme Customization From Our Development Partners" data-placement="bottom" href="http://keenthemes.com/customization/" target="_blank" role="button">Theme Customization</a>

			<a class="topbar-purchase" data-hint="tooltip" data-original-title="Powerful Metronic based .NET framework to kick start your .NET projects" data-placement="bottom" href="http://aspnetzero.com/?ref=keen" target="_blank" role="button">ASPNETZERO</a>		
			
			<a class="topbar-purchase" data-hint="tooltip" data-original-title="Purchase Jango Responsive Multi-purpose HTML5 Template" data-placement="bottom" href="http://themeforest.net/item/jango-responsive-multipurpose-html5-template/11987314?ref=keenthemes" target="_blank" role="button">Jango</a>		
		</div>
		<!-- END TOPBAR -->
		<!-- BEGIN BANNER -->
		<div class="banner">
			<div class="container">
				<h1 class="banner-title-main" style="font-size: 62px; font-weight: 300; margin-bottom: 50px;">METRO<span style="color: #eb6d6d;">NIC</span></h1>
				<h1 class="banner-title-main">The most <span class="banner-title-bold">complete &amp; trusted</span> admin theme</h1>
				<p class="banner-title-paragraph">Ultimate Multipurpose Admin Theme With <b>7 Unique Layouts</b>, Over 1,000 Pages <br/>
					100+ Integrated Plugins &amp; 1,500+ UI Components
				</p>
				<span class="banner-quote">&#35;1 Selling Admin Theme Of All Time Trusted By Over 39,000 Professionals</span>
				<br/>
				<a href="https://twitter.com/keenthemes" class="twitter-follow-button" data-show-count="true">Follow @keenthemes</a>
				<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
				</script>
			</div>
			<div class="container" style="margin-top: 30px;">
				<center><h3 style="font-weight: 300">Watch Metronic's Video Introduction</h3></center>
				<div class="youtube" id="VIbMn0QHBlw" data-params="modestbranding=1&showinfo=0&controls=1&vq=hd720" style="margin: 20px auto 30px auto; width:840px;height:460px;"></div>
			</div>
		</div>
		<!-- END BANNER -->
		<!-- BEGIN WIDGET BANNER -->
		<div class="widget-banner">
			<div class="container">
				<div class="row">
					<div class="col-md-6 margin-bottom-30">
						<div class="widget-body">
							<div class="widget-layout">
								<h3 class="widget-title">Admin 1 - <span class="widget-subtitle">Default Layout</span></h3>
								<div class="btn-group widget-btn-list" role="group" aria-label="...">
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_1/index.html" data-hint="tooltip" data-original-title="Default Version">Default</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_1_rounded/index.html" data-hint="tooltip" data-original-title="Rounded Corners Version">Rounded</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_1_angularjs/index.html" data-hint="tooltip" data-original-title="AngularJS Version">AngularJS</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_1_material_design/index.html" data-hint="tooltip" data-original-title="Material Design Version">Material</a>
									<div class="btn-group">
										<a class="btn btn-default widget-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-hint="tooltip" data-original-title="Full RTL Version(right to left writing mode) Version">
										RTL
										</a>
										<ul class="dropdown-menu">
											<li><a target="_blank" href="theme_rtl/admin_1/index.html" data-hint="tooltip" data-placement="right" data-original-title="Default Version">Default</a></li>
											<li><a target="_blank" href="theme_rtl/admin_1_rounded/index.html" data-hint="tooltip" data-placement="right" data-original-title="Rounded Corners Version">Rounded</a></li>
											<li><a target="_blank" href="theme_rtl/admin_1_angularjs/index.html" data-hint="tooltip" data-placement="right"  data-original-title="AngularJS Version">AngularJS</a></li>
											<li><a target="_blank" href="theme_rtl/admin_1_material_design/index.html" data-hint="tooltip" data-placement="right"  data-original-title="Material Design Version">Material</a></li>
										</ul>
									</div>
								</div>
							</div>
							<a target="_blank" href="theme/admin_1/"><img class="img-responsive" src="_start/img/admin1.png" alt=""></a>
						</div>
					</div>
					<div class="col-md-6 margin-bottom-30">
						<div class="widget-body">
							<div class="widget-layout">
								<h3 class="widget-title">Admin 2 - <span class="widget-subtitle">Compact Sidebar</span></h3>
								<div class="btn-group widget-btn-list" role="group" aria-label="...">
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_2/index.html" data-hint="tooltip" data-original-title="Default Version">Default</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_2_rounded/index.html" data-hint="tooltip" data-original-title="Rounded Corners Version">Rounded</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_2_angularjs/index.html" data-hint="tooltip" data-original-title="AngularJS Version">AngularJS</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_2_material_design/index.html" data-hint="tooltip" data-original-title="Material Design Version">Material</a>
									<div class="btn-group">
										<a class="btn btn-default widget-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-hint="tooltip" data-original-title="Full RTL Version(right to left writing mode) Version">
										RTL
										</a>
										<ul class="dropdown-menu">
											<li><a target="_blank" href="theme_rtl/admin_2/index.html" data-hint="tooltip" data-placement="right" data-original-title="Default Version">Default</a></li>
											<li><a target="_blank" href="theme_rtl/admin_2_rounded/index.html" data-hint="tooltip" data-placement="right" data-original-title="Rounded Corners Version">Rounded</a></li>
											<li><a target="_blank" href="theme_rtl/admin_2_angularjs/index.html" data-hint="tooltip" data-placement="right"  data-original-title="AngularJS Version">AngularJS</a></li>
											<li><a target="_blank" href="theme_rtl/admin_2_material_design/index.html" data-hint="tooltip" data-placement="right"  data-original-title="Material Design Version">Material</a></li>
										</ul>
									</div>
								</div>
							</div>
							<a target="_blank" href="theme/admin_2/"><img class="img-responsive" src="_start/img/admin2.png" alt=""></a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 margin-bottom-30">
						<div class="widget-body">
							<div class="widget-layout">
								<h3 class="widget-title">Admin 3 - <span class="widget-subtitle">Horizontal Menu</span></h3>
								<div class="btn-group widget-btn-list" role="group" aria-label="...">
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_3/index.html" data-hint="tooltip" data-original-title="Default Version">Default</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_3_rounded/index.html" data-hint="tooltip" data-original-title="Rounded Corners Version">Rounded</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_3_angularjs/index.html" data-hint="tooltip" data-original-title="AngularJS Version">AngularJS</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_3_material_design/index.html" data-hint="tooltip" data-original-title="Material Design Version">Material</a>
									<div class="btn-group">
										<a class="btn btn-default widget-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-hint="tooltip" data-original-title="Full RTL Version(right to left writing mode) Version">
										RTL
										</a>
										<ul class="dropdown-menu">
											<li><a target="_blank" href="theme_rtl/admin_3/index.html" data-hint="tooltip" data-placement="right" data-original-title="Default Version">Default</a></li>
											<li><a target="_blank" href="theme_rtl/admin_3_rounded/index.html" data-hint="tooltip" data-placement="right" data-original-title="Rounded Corners Version">Rounded</a></li>
											<li><a target="_blank" href="theme_rtl/admin_3_angularjs/index.html" data-hint="tooltip" data-placement="right"  data-original-title="AngularJS Version">AngularJS</a></li>
											<li><a target="_blank" href="theme_rtl/admin_3_material_design/index.html" data-hint="tooltip" data-placement="right"  data-original-title="Material Design Version">Material</a></li>
										</ul>
									</div>
								</div>
							</div>
							<a target="_blank" href="theme/admin_3/"><img class="img-responsive" src="_start/img/admin3.png" alt=""></a>
						</div>
					</div>
					<div class="col-md-6 margin-bottom-30">
						<div class="widget-body">
							<div class="widget-layout">
								<h3 class="widget-title">Admin 4 - <span class="widget-subtitle">Light Sidebar</span></h3>
								<div class="btn-group widget-btn-list" role="group" aria-label="...">
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_4/index.html" data-hint="tooltip" data-original-title="Default Version">Default</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_4_rounded/index.html" data-hint="tooltip" data-original-title="Rounded Corners Version">Rounded</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_4_angularjs/index.html" data-hint="tooltip" data-original-title="AngularJS Version">AngularJS</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_4_material_design/index.html" data-hint="tooltip" data-original-title="Material Design Version">Material</a>
									<div class="btn-group">
										<a class="btn btn-default widget-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-hint="tooltip" data-original-title="Full RTL Version(right to left writing mode) Version">
										RTL
										</a>
										<ul class="dropdown-menu">
											<li><a target="_blank" href="theme_rtl/admin_4/index.html" data-hint="tooltip" data-placement="right" data-original-title="Default Version">Default</a></li>
											<li><a target="_blank" href="theme_rtl/admin_4_rounded/index.html" data-hint="tooltip" data-placement="right" data-original-title="Rounded Corners Version">Rounded</a></li>
											<li><a target="_blank" href="theme_rtl/admin_4_angularjs/index.html" data-hint="tooltip" data-placement="right"  data-original-title="AngularJS Version">AngularJS</a></li>
											<li><a target="_blank" href="theme_rtl/admin_4_material_design/index.html" data-hint="tooltip" data-placement="right"  data-original-title="Material Design Version">Material</a></li>
										</ul>
									</div>
								</div>
							</div>
							<a target="_blank" href="theme/admin_4/"><img class="img-responsive" src="_start/img/admin4.png" alt=""></a>
						</div>
					</div>
				</div>
				<div class="row">				
					<div class="col-md-6 margin-bottom-30">
						<div class="widget-body">
							<div class="widget-layout">
								<h3 class="widget-title">Admin 5 - <span class="widget-subtitle">Horizontal Tab</span></h3>
								<div class="btn-group widget-btn-list" role="group" aria-label="...">
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_5/index.html" data-hint="tooltip" data-original-title="Default Version">Default</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_5_rounded/index.html" data-hint="tooltip" data-original-title="Rounded Corners Version">Rounded</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_5_material_design/index.html" data-hint="tooltip" data-original-title="Material Design Version">Material</a>
									<div class="btn-group">
										<a class="btn btn-default widget-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-hint="tooltip" data-original-title="Full RTL Version(right to left writing mode) Version">
										RTL
										</a>
										<ul class="dropdown-menu">
											<li><a target="_blank" href="theme_rtl/admin_5/index.html" data-hint="tooltip" data-placement="right" data-original-title="Default Version">Default</a></li>
											<li><a target="_blank" href="theme_rtl/admin_5_rounded/index.html" data-hint="tooltip" data-placement="right" data-original-title="Rounded Corners Version">Rounded</a></li>
											<li><a target="_blank" href="theme_rtl/admin_5_material_design/index.html" data-hint="tooltip" data-placement="right"  data-original-title="Material Design Version">Material</a></li>
										</ul>
									</div>
								</div>
							</div>
							<a target="_blank" href="theme/admin_5/"><img class="img-responsive" src="_start/img/admin5.png" alt=""></a>
						</div>
					</div>
					<div class="col-md-6 margin-bottom-30">
						<div class="widget-body">
							<div class="widget-layout">
								<h3 class="widget-title">Admin 6 - <span class="widget-subtitle">Web App</span></h3>
								<div class="btn-group widget-btn-list" role="group" aria-label="...">
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_6/index.html" data-hint="tooltip" data-original-title="Default Version">Default</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_6_rounded/index.html" data-hint="tooltip" data-original-title="Rounded Corners Version">Rounded</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_6_material_design/index.html" data-hint="tooltip" data-original-title="Material Design Version">Material</a>
									<div class="btn-group">
										<a class="btn btn-default widget-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-hint="tooltip" data-original-title="Full RTL Version(right to left writing mode) Version">
										RTL
										</a>
										<ul class="dropdown-menu">
											<li><a target="_blank" href="theme_rtl/admin_6/index.html" data-hint="tooltip" data-placement="right" data-original-title="Default Version">Default</a></li>
											<li><a target="_blank" href="theme_rtl/admin_6_rounded/index.html" data-hint="tooltip" data-placement="right" data-original-title="Rounded Corners Version">Rounded</a></li>
											<li><a target="_blank" href="theme_rtl/admin_6_material_design/index.html" data-hint="tooltip" data-placement="right"  data-original-title="Material Design Version">Material</a></li>
										</ul>
									</div>
								</div>
							</div>
							<a target="_blank" href="theme/admin_6/"><img class="img-responsive" src="_start/img/admin6.png" alt=""></a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 margin-bottom-30">
						<div class="widget-body">
							<div class="widget-layout">
								<h3 class="widget-title">Admin 7 - <span class="widget-subtitle">Dashboard</span></h3>
								<div class="btn-group widget-btn-list" role="group" aria-label="...">
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_7/index.html" data-hint="tooltip" data-original-title="Default Version">Default</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_7_rounded/index.html" data-hint="tooltip" data-original-title="Rounded Corners Version">Rounded</a>
									<a class="btn btn-default widget-btn" target="_blank" href="theme/admin_7_material_design/index.html" data-hint="tooltip" data-original-title="Material Design Version">Material</a>
									<div class="btn-group">
										<a class="btn btn-default widget-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-hint="tooltip" data-original-title="Full RTL Version(right to left writing mode) Version">
										RTL
										</a>
										<ul class="dropdown-menu">
											<li><a target="_blank" href="theme_rtl/admin_7/index.html" data-hint="tooltip" data-placement="right" data-original-title="Default Version">Default</a></li>
											<li><a target="_blank" href="theme_rtl/admin_7_rounded/index.html" data-hint="tooltip" data-placement="right" data-original-title="Rounded Corners Version">Rounded</a></li>
											<li><a target="_blank" href="theme_rtl/admin_7_material_design/index.html" data-hint="tooltip" data-placement="right"  data-original-title="Material Design Version">Material</a></li>
										</ul>
									</div>
								</div>
							</div>
							<a target="_blank" href="theme/admin_7/"><img class="img-responsive" src="_start/img/admin7.png" alt=""></a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
					</div>
				</div>
			</div>
		</div>
		<!-- END WIDGET BANNER -->
		<!-- BEGIN CUSTOMER FEEDBACK -->
		<div class="container">
			<div class="customer-feedback">
				<center>
					<h3 class="title-normal" style="margin-bottom: 50px;">LATEST CUSTOMER FEEDBACKS...</h3>
				</center>

				<div style="">
					<p class="customer-quote">I run a team of 20 product managers, developers, QA and UX resources. Previously we designed everything ourselves. For our newest platform we tried out Metronic. I cannot overestimate the impact Metronic has had. It's accelerated development 3x and reduced QA issues by 50%. If you add up the reduced need for design time/resources, the increase in dev speed and the reduction in QA, it's probably saved us $100,000 on this project alone, and I plan to use it for all platforms moving forward. The flexibility of the design has also allowed us to put out a better looking and working platform, and reduced my headaches by 90%. <br/>
						Thank you KeenThemes!
					</p>
					<span class="customer-name">JONATHAN BARTLETT, Metronic Customer</span>
				</div>

			</div>
		</div>
		<!-- END CUSTOMER FEEDBACK -->
		<div style="background: #f3f5f6; padding: 80px 0 80px 0">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<center style="font-size: 18px;">
							* All above 7 complete themes will be included in your purchased package. <br>We promise you a perfect investment. Take our word for It!
							<br>
							<br>
							<br>
						</center>
						<center>
							<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" target="_blank" class="btn btn-info btn-lg" style="border: 0; border-radius: 0;">
							PURCHASE ALL JUST FOR <b>28$</b> & SAVE THOUSANDS OF HOURS FOR UI/UX CODING!
							</a>
						</center>
					</div>
				</div>
			</div>
		</div>
		<!-- BEGIN FOOTER -->
		<footer class="footer">
			<img class="footer-logo" src="_start/img/logo.png" alt="Logo">
			<ul class="list-inline social-icons">
				<li><a href="http://www.twitter.com/keenthemes" target="_blank" class="c-icon-link"><i class="icon-social-twitter"></i></a></li>
				<li><a href="http://dribbble.com/keenthemes" target="_blank" class="c-icon-link"><i class="icon-social-dribbble"></i></a></li>
				<li><a href="http://www.facebook.com/keenthemes" target="_blank" class="c-icon-link"><i class="icon-social-facebook"></i></a></li>
				<li><a href="http://themeforest.net/user/keenthemes/portfolio?ref=keenthemes" target="_blank" class="c-icon-link"><i class="icon-handbag"></i></a></li>
			</ul>
			<p class="copyright">Copyright &#64; Keenthemes.</p>
		</footer>
		<!-- END FOOTER -->
		<!-- BEGIN JAVASCRIPTS -->
		<!-- BEGIN CORE PLUGINS -->
		<script src="_start/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
		<script src="_start/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="_start/plugins/jquery.youtube.js" type="text/javascript"></script>
		<script>
			$(document).ready(function(){
				$('[data-hint="tooltip"]').tooltip({
					container: 'body'
				})
			});
		</script>
	</body>
	<!-- END BODY -->
</html>